<!doctype html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>申振升的个人网站</title>
    <meta name="keywords" content="申振升" />
    <meta name="description" content="申振升的网页-申振升是个模具制造、网页编写爱好者！他是个勤奋、爱学习的学生" />
    <meta name="generator" generator="520you.club">
    <meta name="author" content="申振升" />
    <meta name="copyright" content="2010-2018 520you.club" />
    <meta name="MSSmartTagsPreventParsing" content="True" />
    <meta name="applicable-device" content="pc" />
    <base href="520you.club" />
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" />
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/css/fontawesome.css" />
    <link rel="stylesheet" href="assets/css/templatemo-style.css" />
    <link rel="stylesheet" href="assets/css/owl.css" />
    <link rel="stylesheet" href="assets/css/lightbox.css" />
    <meta name="chinaz-site-verification" content="6144255A71B59E4D">
</head>

<body>
    <div id="page-wraper">
        <!-- Sidebar Menu -->
        <div class="responsive-nav">
            <i class="fa fa-bars" id="menu-toggle"></i>
            <div id="menu" class="menu">
                <i class="fa fa-times" id="menu-close"></i>
                <div class="container">
                    <div class="image">
                        <a href="#"><img src="assets/images/author-image.jpg" alt="" /></a>
                    </div>
                    <div class="author-content">
                        <h4>申振升</h4>
                        <span>模具设计</span>
                        <span>|</span>
                        <span>网页设计</span>
                        <span>|</span>
                        <span>金融交易</span>

                    </div>
                    <nav class="main-nav" role="navigation">
                        <ul class="main-menu">
                            <li><a href="#section1">关于我</a></li>
                            <li><a href="#section2">我擅长什么</a></li>
                            <li><a href="#section3">我的学习</a></li>
                            <li><a href="#section4">联系我</a></li>
                        </ul>
                    </nav>
                    <div class="social-network">
                        <ul class="soial-icons">
                            <li>
                                <a href="tel:13995613643"><i class="fa fa-phone"></i></a>
                            </li>
                            <li>
                                <a onclick="alert('QQ：'+'\n'+'2151057013')"><i class="fa fa-qq"></i></a>
                            </li>
                            <li>
                                <a onclick="alert('微信：'+'\n'+'13995613643')"><i class="fa fa-wechat"></i></a>
                            </li>

                        </ul>
                    </div>
                    <div class="copyright-text">
                        <p>create by<a href="http://520you.club" target="_self" title="探索他">申振升</a> </p>
                    </div>
                </div>
            </div>
        </div>

        <section class="section about-me" data-section="section1">
            <div class="container">
                <div class="section-heading">
                    <h2>"欢迎"</h2>
                    <div class="line-dec"></div>
                    <span>感谢你的信任使我们相遇</span>
                </div>
                <div class="left-image-post">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="left-image">
                                <img loading="lazy" src="assets/images/left-image.jpg" alt="握手" />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="right-text">
                                <h4>申振升</h4>
                                <p>
                                    我是来自中国河南的学生，我热爱学习，目前在武汉上学，2017年我开始学习模具设计，材料学，工程力学，CAD/CAM/CAE，热处理，机械原理都有了解，
                                    并在学习模具设计时自学全栈开发，并于2018年进入github社区创建自己的博客，所以对很多编程语言都很了解，C/C++,Java,javaScript，Python，传输协议等都有了解，
                                    2020年自学炒股，对于金融与公司等都有了解
                                </p>
                                <div class="white-button">
                                    <a href="https://www.wtc.edu.cn/main.htm" title="武汉职业技术学院">我的大学官网</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <section class="section my-services" data-section="section2">
            <div class="container">
                <div class="section-heading">
                    <h2>你知道我最擅长什么嘛？</h2>
                    <div class="line-dec"></div>
                    <span>我会机械制造的专业知识，也会计算机技术，还擅长金融方面的知识，阅读以下内容，找到我最擅长的吧</span>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="service-item">
                            <div class="third-service-icon service-icon"></div>
                            <h4>机械 &amp;模具 </h4>
                            <p>
                                我非常喜欢模具，模具的学习是一个非常全面的学习，它不仅是模具，夹杂的知识体系和各种高新技术，模具更是经济发展的基石
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="service-item">
                            <div class="second-service-icon service-icon"></div>
                            <h4>网页编写</h4>
                            <p>
                                网页编写是我的一个小爱好，它是现在互联网时代快速发展诞生的产物，尤其HTML/CSS/JS的技术，随着设备性能的提升，网页变得丰富起来
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="service-item">
                            <div class="first-service-icon service-icon service-icon"></div>
                            <h4>阅读</h4>
                            <p>
                                书是人类智慧的结晶，因为阅读，我获得了很多有意义的时间，让我进入了一个个奇妙的世界
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="service-item">
                            <div class="fourth-service-icon service-icon"></div>
                            <h4>证劵交易</h4>
                            <p>
                                2020年6月我自学炒股，自古谁不爱钱，虽然不能大赚，但也是种不错的爱好
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section my-work" data-section="section3">
            <div class="container">
                <div class="section-heading">
                    <h2>我的学习</h2>
                    <div class="line-dec"></div>
                    <span>我是一个01年出生的人，我目前还在享受着美好的学习生活</span>
                </div>
                <div class="row">
                    <div class="isotope-wrapper">
                        <form class="isotope-toolbar">
                            <label><input type="radio" data-type="*" checked="" name="isotope-filter" />
                                <span>所有</span></label>
                            <label><input type="radio" data-type="mould" name="isotope-filter" />
                                <span>模具</span></label>
                            <label>
                                <input type="radio" data-type="web" name="isotope-filter" />
                                <span>网页</span></label>
                            <label><input type="radio" data-type="other" name="isotope-filter" />
                                <span>其他</span></label>
                        </form>
                        <div class="isotope-box">
                            <div class="isotope-item" data-type="mould">
                                <figure class="snip1321">
                                    <img src="assets/images/portfolio-01.jpg" loading="lazy" alt="sq-sample26" />
                                    <figcaption>
                                        <a href="assets/images/portfolio-01.jpg" data-lightbox="image-1"
                                            data-title="Caption"><i class="fa fa-search"></i></a>
                                        <h4>游标卡尺</h4>
                                        <span>游标卡尺，游标类量具，测量精度0.02mm，可以测头发丝的直径</span>
                                    </figcaption>
                                </figure>
                            </div>

                            <div class="isotope-item" data-type="mould">
                                <figure class="snip1321">
                                    <img loading="lazy" src="assets/images/portfolio-02.jpg" alt="sq-sample26" />
                                    <figcaption>
                                        <a href="assets/images/portfolio-02.jpg" data-lightbox="image-1"
                                            data-title="Caption"><i class="fa fa-search"></i></a>
                                        <h4>塑料模具</h4>
                                        <span>可以加工塑料制品，工作于注塑机，可以制作塑料灯罩，塑料杯，手机壳.......</span>
                                    </figcaption>
                                </figure>
                            </div>

                            <div class="isotope-item" data-type="web">
                                <figure class="snip1321">
                                    <img loading="lazy" src="assets/images/portfolio-03.jpg" alt="sq-sample26" />
                                    <figcaption>
                                        <a href="assets/images/portfolio-03.jpg" data-lightbox="image-1"
                                            data-title="Caption"><i class="fa fa-search"></i></a>
                                        <h4>Node.js</h4>
                                        <span>Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O
                                            的模型。</span>
                                    </figcaption>
                                </figure>
                            </div>

                            <div class="isotope-item" data-type="mould">
                                <figure class="snip1321">
                                    <img loading="lazy" src="assets/images/portfolio-04.jpg" alt="sq-sample26" />
                                    <figcaption>
                                        <a href="assets/images/portfolio-04.jpg" data-lightbox="image-1"
                                            data-title="Caption"><i class="fa fa-search"></i></a>
                                        <h4>普通车床</h4>
                                        <span>工业的母床，加工回转体，目前用于教学，完全手动，价格在几万人民币一台</span>
                                    </figcaption>
                                </figure>
                            </div>

                            <div class="isotope-item" data-type="mould">
                                <figure class="snip1321">
                                    <img loading="lazy" src="assets/images/portfolio-05.png" alt="sq-sample26" />
                                    <figcaption>
                                        <a href="assets/images/portfolio-05.png" data-lightbox="image-1"
                                            data-title="Caption"><i class="fa fa-search"></i></a>
                                        <h4>CAD</h4>
                                        <span>CAD,计算机辅助制造，这是我CAXA做的三叶碟</span>
                                    </figcaption>
                                </figure>
                            </div>

                            <div class="isotope-item" data-type="mould">
                                <figure class="snip1321">
                                    <img loading="lazy" src="assets/images/portfolio-06.png" alt="sq-sample26" />
                                    <figcaption>
                                        <a href="assets/images/portfolio-06.png" data-lightbox="image-1"
                                            data-title="Caption"><i class="fa fa-search"></i></a>
                                        <h4>CAM</h4>
                                        <span>CAM,计算机辅助制造，这是用CAXA做的用钻床打孔的仿真</span>
                                    </figcaption>
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section contact-me" data-section="section4">
            <div class="container">
                <div class="section-heading">
                    <h2>联系方式</h2>
                    <div class="line-dec"></div>
                    <span>欢迎联系,电话：13995613643</span>
                    <div>
                        邮箱：2151057013@qq.com<span><a href="mailto:2151057013@qq.com?subject=从你的网站上看到你的资料">发送</a></span>
                    </div>
                </div>

                <div class="row">
                    <div class="right-content">
                        <div class="container">

                            <div class="row">
                                <div class="col-md-6">
                                    <div id="section5">QQ</div>
                                    <img loading="lazy" src="assets/images/qq.jpg" />
                                </div>
                                <div class="col-md-6">
                                    <div id="#section6">微信</div>
                                    <img loading="lazy" src="assets/images/wechat.png" />
                                </div>

                            </div>

                        </div>
                    </div>
                </div>

                <div class="right-image-post">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="left-text">
                                <h4>网页有问题</h4>
                                <p>
                                    这个网页由github托管，如果网站代码有问题，请点击“代码问题申请”，在github上可以修改（Pull requests），提出问题(Issues)
                                </p>
                                <div class="white-button">
                                    <a href="https://github.com/Memorykill/Memorykill.github.io">代码问题申请</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="right-image">
                                <img loading="lazy" src="assets/images/Memorykill.png" alt="我的网页代码托管" />
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>

    </div>

    <!-- Scripts -->
    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <script src="assets/js/isotope.min.js"></script>
    <script src="assets/js/owl-carousel.js"></script>
    <script src="assets/js/lightbox.js"></script>
    <script src="assets/js/custom.js"></script>
    <script>
        //according to loftblog tut
        $(".main-menu li:first").addClass("active");

        var showSection = function showSection(section, isAnimate) {
            var direction = section.replace(/#/, ""),
                reqSection = $(".section").filter(
                    '[data-section="' + direction + '"]'
                ),
                reqSectionPos = reqSection.offset().top - 0;

            if (isAnimate) {
                $("body, html").animate({
                        scrollTop: reqSectionPos
                    },
                    800
                );
            } else {
                $("body, html").scrollTop(reqSectionPos);
            }
        };

        var checkSection = function checkSection() {
            $(".section").each(function () {
                var $this = $(this),
                    topEdge = $this.offset().top - 80,
                    bottomEdge = topEdge + $this.height(),
                    wScroll = $(window).scrollTop();
                if (topEdge < wScroll && bottomEdge > wScroll) {
                    var currentId = $this.data("section"),
                        reqLink = $("a").filter("[href*=\\#" + currentId + "]");
                    reqLink
                        .closest("li")
                        .addClass("active")
                        .siblings()
                        .removeClass("active");
                }
            });
        };

        $(".main-menu").on("click", "a", function (e) {
            e.preventDefault();
            showSection($(this).attr("href"), true);
        });

        $(window).scroll(function () {
            checkSection();
        });
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?cf9ce79df5aac5d24c17b41c969d9a84";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        (function () {
            var hs = document.createElement("script");
            hs.src = "https://hm.baidu.com/hm.js?84108883d9981ecbd824a5557d0ab752";
            var b = document.getElementsByTagName("script")[1];
            b.parentNode.insertBefore(hs, b);
        })();
    </script>
</body>

</html>
